<!DOCTYPE html>

<!-- $Id: dialog.html 20 2012-04-13 07:11:56Z azbitnev@gmail.com $ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<title>dialog</title>

<link href="960c12.css" rel="stylesheet" type="text/css"/>

<link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.min.css" rel="stylesheet" type="text/css"/> 
<!--[if IE]><link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.ie.min.css" rel="stylesheet" type="text/css"/><![endif]-->

<link href="../release/themes/grey.min.css" rel="stylesheet" type="text/css"/> 

<script src="http://code.jquery.com/jquery.min.js" charset="utf-8" type="text/javascript"></script>
<script src="../release/jquery.ys.min.js"></script>

<style>

body { margin: 1em; }

</style>

<script>

$(document).ready(function () {

	$('#ex1').click(function () {
		$.ys.dialog.create(new Date().toString())
	})
	$('#ex2').click(function () {
		$.ys.dialog.create('Input something:', {
				type: 'prompt',
				buttons: [
					{ value: 'OK' },
					{ value: 'Cancel', type: 'cancel' }
				]
			}, function (btn, value) {
				$.ys.dialog.create((btn === false ? 'Canceled.' : 'Your text: ' + value))
			}
		)
	})
	$('#ex3').click(function () {
		$.ys.dialog.create('Please enter your login and password or <a href="#">register</a>.<hr/>', {
			type: 'prompt',
			buttons: [
				{ value: 'OK' },
				{ value: 'Cancel', type: 'cancel' }
			],
			inputs: [
				{ label: 'Login:', required: true },
				{ label: 'Password:', required: true, type: 'password' }
			]
		}, function (btn, username, password) {
			$.ys.dialog.create('button: ' + btn + '<br/>username: ' + username + '<br/>password: ' + password)
		})
	})

	$('#ex4').click(function () { $.ys.dialog.create('Lorem ipsum dolor sit amet, eu sit rebum corrumpit. Ea dicunt pertinax temporibus sea, duis veri eu per, nec malis appetere at.', { type: 'alert' }) })
	$('#ex5').click(function () { $.ys.dialog.create('Lorem ipsum dolor sit amet, eu sit rebum corrumpit. Ea dicunt pertinax temporibus sea, duis veri eu per, nec malis appetere at.', { type: 'error' }) })
	$('#ex6').click(function () { $.ys.dialog.create('Lorem ipsum dolor sit amet, eu sit rebum corrumpit. Ea dicunt pertinax temporibus sea, duis veri eu per, nec malis appetere at.', { type: 'info' }) })

	$('#ex7').click(function () {
		$.ys.dialog.create('Do you like this plugin?',
			{
				type: 'confirm',
				buttons: [ 'Yes', 'No' ]
			}, function (res) {
				$.ys.dialog.create('Your answer: ' + res)
			})
	})

	$('#ex8').click(function () { $.ys.dialog.create('Just a message (without any icon).', { type: 'none' }) })

	$('#ex9').click(function () { $.ys.dialog.create(''
		+ '<p>Lorem ipsum dolor sit amet, mel odio alia verear an. Ad vim reque labores, mel habemus tibique probatus ut. Vel ei oratio accumsan, no mei malis iudico oratio. Fuisset petentium gubergren per cu, id harum eirmod quo. Est cu duis forensibus reprimique, primis nusquam neglegentur ne pri. Quis novum movet an eum. Mei id erat noluisse urbanitas.</p>'
		+ '<p>Vim in facer possit inermis, sea hinc prodesset ad. Et ipsum denique qui, quidam quodsi pericula vis te. Quo melius scripta an. Te vel petentium gubergren, ei his epicurei patrioque. Alia zril at est, qui graeci oblique moderatius ea.</p>'
		+ '<p>Te graeci gubergren euripidis his, ea sit quas melius praesent. Dicat nihil maiorum ut eos. In sed putent prompta, dolor interpretaris conclusionemque mel ei, eius partem soluta sed at. Oblique platonem ad duo, sed an autem fugit. Mel omnesque probatus adipisci at. Eu fabulas senserit eum, eos no possim nusquam honestatis.</p>'
		, { type: 'none', classes: 'ys-dialog-wide', buttons: [ ] }) })

})

</script>

</head>

<body>

	<p style="position: relative; z-index: 1;">Lorem ipsum dolor sit amet, eu sit rebum corrumpit. Ea dicunt pertinax temporibus sea, duis veri eu per, nec malis appetere at. Timeam salutatus ea nam. Cu nec brute deseruisse. Purto wisi porro at nam, nam vide ipsum virtute ut.</p>

	<hr/>

	<button id="ex1">Current date and time</button>
	<button id="ex6">Info</button>
	<button id="ex4">Alert</button>
	<button id="ex5">Error</button>
	<button id="ex2">Prompt</button>
	<button id="ex7">Confirm</button>
	<button id="ex8">None</button>
	<button id="ex9">Wide</button>
	<button id="ex3">Login</button>

	<hr/>

	<p>Lorem ipsum dolor sit amet, eu sit rebum corrumpit. Ea dicunt pertinax temporibus sea, duis veri eu per, nec malis appetere at. Timeam salutatus ea nam. Cu nec brute deseruisse. Purto wisi porro at nam, nam vide ipsum virtute ut.</p>
	<p>An ancillae nominati erroribus ius, ea petentium intellegam philosophia sea. Mei malis error consequuntur in, mei ne mediocrem percipitur, est ea graecis alienum. Mollis accusamus his ei, no duo utinam impetus. Ut congue repudiandae his, ad sit tempor dolorum intellegebat. Est meliore similique deseruisse cu.</p>
	<p>Cu usu percipit cotidieque. Esse dicta cotidieque cum ut, equidem fierent nominati quo cu. Accusata maluisset assentior te quo. Cum errem aperiam praesent te, no dicat numquam vituperatoribus est, habemus erroribus usu ei. Per ad diam dissentias, an inani libris cum, oporteat intellegebat has ex. At ferri simul fuisset qui, tritani equidem gloriatur quo in, cu iudico sanctus his.</p>
	<p>Ei vim wisi adversarium. Mel no perpetua sapientem suscipiantur. Omnis ornatus insolens pri ut, labores complectitur et qui. Eros verterem mea cu, cu albucius tincidunt elaboraret qui, eum clita nullam graeci cu. Ex homero quaestio prodesset mei.</p>
	<p>Mea cu audiam offendit conceptam, ut dictas fabulas corpora vim. Probatus sapientem ullamcorper cu qui, in consectetuer necessitatibus vix. Nam noster contentiones deterruisset ad. Cu vim oratio invenire. Scripta recusabo ex sit, sea an zril causae, ad sed vide dignissim repudiandae. Nam eu convenire aliquando, quo id brute mollis. Sed et atqui audire invenire, mutat mentitum molestiae pro id, has purto simul soleat ad.</p>

</body>